<link rel="stylesheet" href="./css/bootstrap.css">
<style>
.footer-qrcode {
    background: #e1e1e1;
    color: #757575;
}
.footer-qrcode .content-container {
    padding: 5rem 10px;
    border-bottom: 1px solid #757575;
}

.content-container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.footer-qrcode .contact {
    display: inline-block;
}

.footer-qrcode .contact-name {
    font-size: 3rem;
    line-height: 2.5;
}

.footer-qrcode .qrcode {
    float: right;
}
.footer-qrcode .footer-qrcode-desc {
    margin-top: 10px;
}
footer {
    font-size: 90%;
    padding: 2rem 1rem 1rem;
    background: #212121;
    color: #f6f7fc;
    clear: both;
}

.btn-primary.plain {
    margin-left: 5px;
}

</style>
<div class="footer-qrcode clearfix">
 <div class="content-container">
     <div class="row">
         <div class="col-md-12">
             <div class="contact">
                 <div class="contact-name">乐亭教育云公共服务平台</div>
                 <div class="contact-number">联系电话    0300-8888888</div>
             </div>
             <div class="qrcode text-center">
                 <img src="./imgs/lt-cloud-qrcode.png" alt="扫一扫，加关注">
                 <div class="footer-qrcode-desc">扫一扫，加关注</div>
             </div>
         </div>
     </div>
 </div>
</div>

<footer>
    <div class="center-block text-center">
        <div>© 2019 乐亭教育云公共服务平台 版权所有 &nbsp;&nbsp; <a href="http://www.beian.miit.gov.cn/" class="native-link" style="color:#fff">冀ICP备19023210号-1</a></div>
        <div>技术支持：河北华发教育科技有限公司</div>
    </div>
</footer>
